<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="${rootPath}/js/plugins/daterange/daterangepicker.css">
        <%@include file="../common/head.jspf" %>
    </head>

    <body class="fund-history-page sb-l-o sb-r-c" data-menu="#menu_history" data-list="#li_history">

        <!-- 主体内容开始 -->
        <div id="main">

            <!--侧边导航栏-->
            <%@include file="../common/sidebar.jspf" %>

            <!-- Start: Content-Wrapper -->
            <section id="content_wrapper">

                <!-- 顶部导航 -->
                <header id="topbar">
                    <div class="topbar-left">
                        <ol class="breadcrumb">
                            <li class="crumb-active">
                                <span>软擎科技</span>
                            </li>
                            <li class="crumb-icon">
                                <a href="dashboard"><span class="glyphicon glyphicon-home"></span></a>
                            </li>
                            <!-- 当前页 -->
                            <li class="crumb-trail">平台资金记录</li>
                        </ol>
                    </div>
                    <div class="topbar-right">
                        <!-- 登录信息 -->
                        <%@include file="../common/session.jspf" %>
                    </div>
                </header>
                <!-- 顶部导航结束 -->

                <!-- 页面内容开始 -->
                <section id="content">
                    <div class="panel panel-visible">
                        <div class="panel-heading prn">
                            <div class="panel-title pull-left hidden-xs">
                                <span class="glyphicons glyphicons-coins"></span>平台资金记录</div>
                        </div>
                        <div class="markItUpHeader p14">
                            <div class="row mn">
                                <ul class="nav nav-pills small-pills pull-left">
                                    <li class="active"><a href="fund/history">平台资金记录</a></li>
                                    <li><a href="pnr/reconciliation/deposit">汇付资金记录</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="markItUpHeader p14">
                            <div class="row mn">
                                <div id="multiple-select-loading" class="pl10"><i class="fa fa-spin fa-spinner mr10"></i>加载中...</div>
                                <div class="dataTables_length mn hidden" id="multiple-select-filter">
                                    <label><span class="label bg-light w85">账户名称</span>
                                        <select name="pnrAccountName" id="pnrAccountName" class="form-control input-sm multiple-select" multiple="multiple"></select>
                                    </label>
                                    <label><span class="label bg-light w85">资金类型</span> 
                                        <select name="fundType" id="fundType" class="form-control input-sm multiple-select" multiple="multiple">
                                            <option value="WITHDRAW">取现</option>
                                            <option value="DEPOSIT">充值</option>
                                            <option value="REIMBURSE">垫付</option>
                                            <option value="TRANSFER">转账</option>
                                            <option value="FEE_WITHDRAW">提现手续费</option>
                                            <option value="FEE_DEPOSIT">充值手续费</option>
                                            <option value="FEE_REPAY_INVEST">还款管理费(收取投资人)</option>
                                            <option value="FEE_REPAY_LOAN">还款管理费(收取借款人)</option>
                                            <option value="FEE_LOAN_SERVICE">借款服务费</option>
                                            <option value="FEE_LOAN_MANAGE">借款管理费</option>
                                            <option value="FEE_LOAN_GUARANTEE">借款担保费</option>
                                            <option value="FEE_OVERDUE_PLAT">逾期管理费(给商户)</option>
                                            <option value="FEE_UNDUE_PLAT">提前还款违约金(给商户)</option>
                                        </select> 
                                    </label>
                                    <label><span class="label bg-light w85">操作类型</span> 
                                        <select name="fundOperation" id="fundOperation" class="form-control input-sm multiple-select" multiple="multiple">
                                            <c:forEach items="${FundOperation}" var="operation">
                                                <option value="${operation}">${operation.key}</option>
                                            </c:forEach>
                                        </select>
                                    </label>
                                    <label><span class="label bg-light w85">资金状态</span> 
                                        <select name="fundStatus" id="fundStatus" class="form-control input-sm multiple-select" multiple="multiple">
                                            <c:forEach items="${FundStatus}" var="status">
                                                <option value="${status}">${status.key}</option>
                                            </c:forEach>
                                        </select> 
                                    </label>
                                    <label>日期范围
                                        <input type="text" class="h-30 lh30 pl10 ml5" name="daterange" id="daterangepicker" style="width: 175px;">
                                    </label>
                                    <button class="btn btn-sm pt4 pb4 btn-system" id="searchFundRecord"><i class="fa fa-search mr5"></i>查询</button>
                                </div>
                            </div>
                        </div>
                        <div class="panel-body pn">
                            <div class="markItUpHeader p14">
                                <div class="row mn">
                                    <span class="label bg-light w85 mr10">显示隐藏列</span>
                                    <label class="toggle-label mr10 text-muted dark"><input class="mr5" type="checkbox" data-column="0" checked />订单号</label>
                                    <label class="toggle-label mr10 text-muted dark"><input class="mr5" type="checkbox" data-column="2" checked />账户代码</label>
                                    <label class="toggle-label mr10 text-muted dark"><input class="mr5" type="checkbox" data-column="3" />账户名称</label>
                                    <label class="toggle-label mr10 text-muted dark"><input class="mr5" type="checkbox" data-column="4" checked />金额</label>
                                    <label class="toggle-label mr10 text-muted dark"><input class="mr5" type="checkbox" data-column="5" checked />类型</label>
                                    <label class="toggle-label mr10 text-muted dark"><input class="mr5" type="checkbox" data-column="6" checked />操作</label>
                                    <label class="toggle-label mr10 text-muted dark"><input class="mr5" type="checkbox" data-column="7" checked />状态</label>
                                    <label class="toggle-label mr10 text-muted dark"><input class="mr5" type="checkbox" data-column="8" checked />操作时间</label>
                                    <label class="toggle-label mr10 text-muted dark"><input class="mr5" type="checkbox" data-column="9" checked />备注</label>
                                </div>
                            </div>
                            <table class="table table-striped table-hover table-text-center" id="fundHistoryList" cellspacing="0" width="100%">
                                <thead>
                                    <tr>
                                        <th>订单号</th>
                                        <th>流水号</th>
                                        <th>账户代码</th>
                                        <th>账户名称</th>
                                        <th>金额</th>
                                        <th>类型</th>
                                        <th>操作</th>
                                        <th>状态</th>
                                        <th>操作时间</th>
                                        <th>备注</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr><td colspan="10" class="text-center p30 fs16 text-muted-lighter"><i class="fa fa-spin fa-spinner mr10"></i>加载中...</td></tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </section>
                <!-- 页面内容结束 -->

            </section>
        </div>
        <!-- 主体内容结束 -->

        <!-- 公共函数 -->
        <%@include file="../common/scripts.jspf" %>
        <script type="text/javascript" src="${rootPath}/js/plugins/daterange/moment.min.js"></script>
        <script type="text/javascript" src="${rootPath}/js/plugins/daterange/daterangepicker.js"></script>
        <script type="text/javascript" src="${rootPath}/js/pages/history/history.js"></script>
    </body>
</html>
